@charset "utf-8";


.indexinfo  {margin-bottom: 25px;}
.indexinfo .box h6 i{
    margin-right: 5px;
}


.static { overflow: hidden}
.static .box{
    float: left;
    height: 85px;
    width: 22%;
    min-width: 250px;
    border: solid 1px #cccccc;
    margin: 10px 14px 24px 14px;
    padding: 8px;
    border-radius: 5px;
    line-height: 20px;
    /* background-color: #7eb7e1; */
}
.static .box .content{font-size: 35px;line-height: 45px;}
.static .box h6{ font-size: 16px; font-weight: 700; color: #232323}




.index-info-box  { margin:15px 15px 45px 15px ;}
.index-info-box h2{ font-size: 18px; margin:25px 15px 0 0px;}


.renewal_log  {width: 30%;float: left;}
.renewal_log .container{/* height: 300px; *//* overflow-y: scroll; */}

.member-checkpoint  {width: 30%;float: left;}
.member-checkpoint .container{ }


.case-checkpoint  {width: 30%;float: left;}
.case-checkpoint .container{ }






.clock_in_list{ width: 100%; overflow: hidden; padding-bottom:5px;}


.clock_in_list li
{
    width: 50px; margin:0 0 15px 0;
    /* height: 133px; */
    float:
            left;
    border: solid 1px #cccccc;
    /* border-right:
    solid 1px #cccccc; */
    /* border-bottom:
    solid 1px #cccccc; */
    text-align:
            center;
    overflow: hidden;
}

.clock_in_list li div{border-bottom: solid 1px #cccccc;}

.clock_in_list .normal{background-color: #00625A}
.clock_in_list .late{background-color: #D91600}
.clock_in_list .leave{background-color: #ececec}

.ON{background-color:green}
.RE{background-color:#ececec}
.LA{background-color:orange}
.PU{background-color:red}
.LE{background-color:pink}
.MPT{background-color:#232323}




@charset "utf-8";


.indexinfo .box h6 i{
    margin-right: 5px;
}


.userinfo .item{
    float: left;
    width: 25%;
    text-align: center;
}
.userinfo .icon{
    /* height: 77px; */
    /* background-color: #00968836; */
    width: 80%;
    margin: 10px auto 20px auto;
    border-radius: 10px;
    color: #009688;
    font-size: 31px;
    /* padding-top: 8px; */
}
.userinfo .item h6{color: #999;font-weight: 100!important;line-height: 13px;/* margin: 0px; */}

.userinfo .content{
    font-size: 50px;
    /* margin-bottom: 9px; */
    line-height: 50px;
    margin-bottom: 5px;
}


.employee-member-list .content .data{text-align: center}


.month-stat .item{
    float: left;
    width: 50%;
    text-align: center;
    padding-top: 25px;
}


.month-stat .content{
    font-size: 50px;
    /* margin-bottom: 9px; */
    /* line-height: 50px; */
    margin-bottom: 5px;
    height: 45px;
    margin-top: 12px;
}

.month-stat .content .new{font-size: 55px;}
.month-stat .content .old{
    color: #cccccc;
    margin-top: 0px;
    font-size: 35px;
    /* display: block; */
    /* float: left; */
}


.browser_log{width: 100%;overflow: hidden;padding-bottom: 12px;}


.browser_log li
{
    width: 40px;
    margin: 0px 1px -11px 0;
    float: left;
    border: solid 1px #ececec;
    background-color: #ececec;
    text-align:center;
    overflow: hidden;
    padding: 4px;
    font-size: 12px;
    clip-path: polygon(
            50% 0%,          /* 顶点 */
            100% 25%,
            100% 75%,
            50% 100%,
            0% 75%,
            0% 25%
    );
    cursor: pointer;
}

.browser_log li:hover
{

background-color: #0096887a!important;
}

.first-in-row{background-color: #00F7DE;margin-left: 26px!important;}



.task_log{}
.task_log li
{
margin: -1px 1px -14px 0;
display: flex;
justify-content: center;   /* 水平居中 */
align-items: center;       /* 垂直居中 */
text-align: center;        /* 多行文字内部也居中 */
height: 55px;
}
.task_log .first-in-row{/* margin-left: 35px!important; */}
